@import './reset.scss';
@import './transition';

input:-internal-autofill-selected {
    background-color: #fff !important;
    box-shadow: inset 0 0 0 1000px #fff !important;
    transition: background-color 5000s ease-in-out 0s;
    // border: none;
  }
  
  input:-webkit-autofill,
  input:-webkit-autofill:hover,
  input:-webkit-autofill:focus,
  input:-webkit-autofill:active {
    transition-delay: 99999s;
    transition: color 99999s ease-out, background-color 99999s ease-out;
  }

.level-square {
    display: inline-block;
    width: 10px;
    height: 10px;
  }
  
  .color-666 {
    color: #333 !important;
  }
  
  
  
  .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 0;
  }
  
  .flex-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  
  .row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  
  .column {
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  
  .column,
  .column-reverse {
    -webkit-box-orient: vertical;
  }
  
  .column-reverse {
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  
  .no-wrap {
    flex-wrap: nowrap;
  }
  
  .wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  
  .wrap-reverse {
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
  }
  
  .jc-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  .jc-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  
  .jc-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  
  .jc-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  
  .jc-around {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  
  .ai-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .ai-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  
  .ai-stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  
  .ac-center {
    -ms-flex-line-pack: center;
    align-content: center;
  }
  
  .ac-end {
    -ms-flex-line-pack: end;
    align-content: flex-end;
  }
  
  .ac-between {
    -ms-flex-line-pack: justify;
    align-content: space-between;
  }
  
  .ac-around {
    -ms-flex-line-pack: distribute;
    align-content: space-around;
  }
  
  .ac-stretch {
    -ms-flex-line-pack: stretch;
    align-content: stretch;
  }
  
  .equal,
  .flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
  }
  
  .flex-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    min-width: 0;
  }
  
  .flex-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3;
    min-width: 0;
  }
  
  .flex-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4;
    min-width: 0;
  }
  
  .flex-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5;
    min-width: 0;
  }
  
  .equal-auto {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  
  .equal-no {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
  }
  
  // .el-loading-mask {
  //   position: absolute;
  //   z-index: 2000;
  //   background-color: rgba(255,255,255,.6)!important;
  //   margin: 0;
  //   top: 0;
  //   right: 0;
  //   bottom: 0;
  //   left: 0;
  //   transition: opacity .3s;
  // }
  .ellips {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  
  .ellips_line2,
  .ellips_line3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  
  /*chrome下的私有属性*/
  .ellips_line2 {
    /*显示两行，超出的用省略号显示*/
    -webkit-line-clamp: 2;
  }
  
  .ellips_line3 {
    /*显示三行，超出的用省略号显示*/
    -webkit-line-clamp: 3;
  }
  
  .line-clamp {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }